<template>
  <div class="user">

    <div class="login no-login-status">
      <header>
        <user-header imgName="arrow-left" imgRight1="goIndex" class="userIndex"></user-header>
      </header>

        <div class="show-user">
          <div class="vip login-status">
            <div class="vip-icon">
              <div>
                <img src="../../common/images/user-vipbg.png">
              </div>
              <div>
                <img src="../../common/images/user-vip.png">
              </div>
            </div>

            <div class="vip-grade w100">
              <div class="con">
                <img src="../../common/images/class.png">
                <span>金牌会员</span>
              </div>

            </div>
            <div class="username">15736950572</div>
          </div>
        </div>


      <!--    <div class="wait-login">
            <a href="#" class="register-btn">
              注册
            </a>
            |
            <a href="#" class="login-btn">
              登录
            </a>
          </div>-->


      <main>
        <section class="deal-title">
          <div>
            <a href="#">
            <span class="icon">
                <img src="../../common/images/wait-copy.png">
            </span>
              <span class="deal-des">
                待付款
            </span>
            </a>
          </div>
          <div>
            <a href="#">
            <span class="icon">
                <img src="../../common/images/wait-take.png">
            </span>
              <span class="deal-des">
                待收货
            </span>
            </a>
          </div>
          <div>
            <a href="#">
            <span class="icon">
                <img src="../../common/images/all-order.png">
            </span>
              <span class="deal-des">
                全部订单
            </span>
            </a>
          </div>
        </section>

        <section class="con-item">
          <div>
            <a href="#">
              我的收藏
              <i></i>
            </a>
          </div>
          <div>
            <a href="#">
              购物车
              <i></i>
            </a>
          </div>
          <div>
            <a href="#">
              浏览记录
              <i></i>
            </a>
          </div>
          <div>
            <a href="#">
              自助退货
              <i></i>
            </a>
          </div>
          <div>
            <a href="#">
              零钱
              <i></i>
            </a>
          </div>
          <div>
            <a href="#">
              优惠券
              <i></i>
            </a>
          </div>
          <div>
            <a href="#">
              我的宜品币
              <span class="no-login tip">手机绑定，资金更安全</span>
              <i></i>
            </a>
          </div>
          <div>
            <a href="#">
              收货地址
              <i></i>
            </a>
          </div>
          <div>
            <a href="#">
              修改登录密码
              <i></i>
            </a>
          </div>
          <div>
            <a href="#">
              管理支付密码
              <i></i>
            </a>
          </div>
          <div>
            <a href="#">
              绑定手机
              <i></i>
            </a>
          </div>
          <div>
            <a href="#">
              支付红包
              <i></i>
            </a>
          </div>
          <div>
            <a href="#">
              实名认证
              <i></i>
            </a>
          </div>
          <div>
            <a href="#">
              我的银行卡
              <i></i>
            </a>
          </div>
        </section>

        <section class="exit-login login-status">
          <a href="#">
            退出登录
          </a>
        </section>

        <section class="client">
        <span class="icon">
            唯品会
        </span>
          <span class="text">
            唯品会客户端，特卖抢不停
        </span>
          <span class="download-btn ">
            <a href="#">
                下载
            </a>
        </span>
        </section>

        <section class="footer">
          <div class="call-me">
            <a href="#" target="_blank">唯品会首页</a>
            <a href="#" target="_blank">关于我们</a>
            <a href="#" target="_blank" class="login">个人中心</a>
          </div>

          <!--   <div class="call-me-no-login">
               <a href="#" target="_blank">唯品会首页</a>
               <a href="#" target="_blank" class="about">关于我们</a>
               <span class="login-and-register">
                  <a href="#" target="_blank">登录</a>
                  |
                  <a href="#" target="_blank">注册</a>
              </span>
             </div>-->

          <div>
            <p class="copyright">Copyright © 2008-2017 m.vip.com, All Rights Reserved 粤ICP备08114786号</p>
          </div>
          <div class="psb">
            <a target="_blank" href="#">
              <i class="psb-sign"></i>
              <span>粤公网安备 44010302000068号</span>
            </a>
          </div>
        </section>

      </main>

    </div>

    <router-view></router-view>

  </div>

  </div>
</template>

<script>
  import userHeader from 'base/header'

  export default {
    name: 'user',
    data() {
      return {
        msg: "user"
      }
    },
    components: {
      userHeader
    },
    created() {
      document.title = '个人中心'
    }
  }
</script>

<style scoped>
  @import "../../common/style/css/user.css";

</style>
